var int = 1; //用来记录已有的题目的数量(设置问题界面)
var int2 = 0; //用来记录已有问卷数量
var char = "d"; //用来给单选和多选设置name属性，每多一道char就++，这两个都是全局变量
var sum = 0; //定义全局变量，但sum==0显示没问卷的主界面
//点击删除按键进行删除功能
function shanchuf() {
    var newdelete = document.getElementsByName("shanchu");
    //为每一个删除bottom都绑定删除功能
    for (var i = 0; i < newdelete.length; i++) {
        newdelete[i].onclick = function() {
            var tf = confirm("确认删除该题吗");
            if (tf) {
                var parent = this.parentNode.parentNode;
                parent.parentNode.removeChild(parent);
            }
        }
    }
}
//点击上移按钮将问题上移
function upmovef() {
    var newupmove = document.getElementsByName("upmove");
    //为每一个删除bottom都绑定删除功能
    for (var i = 0; i < newupmove.length; i++) {
        newupmove[i].onclick = function() {
            var tf = confirm("确认将该题上移吗");
            if (tf) {
                var parent = this.parentNode.parentNode; //获得该问题的div
                var arr = document.getElementsByTagName("div");
                for (var j = 0; j < arr.length; j++) {
                    if (arr[j] == parent) {

                        if (j != 0) {
                            alert("将这个题目与上个题目进行换位置");
                            break;
                        }
                    }
                }
            }
        }
    }
}

function baddf() { //问题界面
    shanchuf(); //给删除按钮添加点击事件
    upmovef(); //给上移按钮添加点击事件
}
//问卷发布成功，添加页面跳转的提示，先拿保存问卷进行实验
//关闭问题界面，回到主界面
function returnmain() {

    if (int2 != 0) {
        addtrf(2); //发布成功——主界面相应多了一行问卷状态
        alert("问卷发布成功，即将跳转到主界面");
        sum++; //问卷数加1
    }
    var newf = document.getElementsByTagName("form");
    newf[1].innerHTML = ""; //暂时只能做将原来设置的问题卷清空，后面再想想怎么设置将每个问卷对应的form进行隐藏
    document.getElementById("main").style.display = "";
    document.getElementById("dp").style.display = "none";
    if (sum != 0) { //如果不为0就将main2界面隐藏
        document.getElementById("main2").style.display = "none";

    } else { //表示sum==0,则main关闭，main2开启
        document.getElementById("main2").style.display = "";
        document.getElementById("main").style.display = "none";
    }
    int2++; //让刚开始的时候不会弹出上面那个alert，同时又可以用来记录新建的是第几份问卷
    int = 1; //让下次创建题号还是从1开始
}
//关闭主界面，跳转到问题界面
function closemain() {
    document.getElementById("main").style.display = "none";
    document.getElementById("main2").style.display = "none";
    document.getElementById("dp").style.display = "";
}
//刚进入时需要执行的操作，对已有题目的按钮进行onclick事件绑定
baddf();
//点击保存问卷按键的时候进行提示
function returnmain2() {
    alert("问卷保存成功，即将返回主页面");
    sum++; //问卷数量加1
    addtrf(1); //发布成功——主界面相应多了一行问卷状态
    //这个操作和按发布问卷是一样的
    var newf = document.getElementsByTagName("form");
    newf[1].innerHTML = ""; //暂时只能做将原来设置的问题卷清空，后面再想想怎么设置将每个问卷对应的form进行隐藏
    document.getElementById("main").style.display = "";
    document.getElementById("dp").style.display = "none";
    if (sum != 0) { //如果不为0就将main2界面隐藏
        document.getElementById("main2").style.display = "none";

    } else { //表示sum==0,则main关闭，main2开启
        document.getElementById("main").style.display = "none";
    }
    int2++; //让用来记录新建问卷的序号
    int = 1; //让下次创建题号还是从1开始
}
//小于10的拼接上0字符串，用来拼接时间的
function addZero(s) {
    return s < 10 ? ('0' + s) : s;
}

function getNowTime() { //获取当前时间的方法，并返回时间的字符串 发布问卷用的时间
    var date = new Date();
    //年 getFullYear()：四位数字返回年份
    var year = date.getFullYear(); //getFullYear()代替getYear()
    //月 getMonth()：0 ~ 11
    var month = date.getMonth() + 1;
    //日 getDate()：(1 ~ 31)
    var day = date.getDate();
    //时 getHours()：(0 ~ 23)
    var hour = date.getHours();
    //分 getMinutes()： (0 ~ 59)
    var minute = date.getMinutes();
    //秒 getSeconds()：(0 ~ 59)
    var second = date.getSeconds();
    var time = year + '-' + addZero(month) + '-' + addZero(day) + ' ' + addZero(hour) + ':' + addZero(minute) + ':' + addZero(second);
    return time;
}


//设置添加主界面每一行及多了一份问卷
function addtrf(iors) {
    //先定义三个生成方法，只能在这个函数里面使用，提高效率
    function addtd(string) {
        var newtd = document.createElement("td");
        newtd.innerHTML = string;
        return newtd;
    }

    function addspace() {
        var newspace = document.createTextNode(" ");
        return newspace;
    }
    //主界面删除按钮删除一行功能
    function deletetr() {
        var tf = confirm("确认要删除该问卷吗");
        if (tf) {
            sum--; //问卷数量-1
            var parent = this.parentNode.parentNode; //找到tr
            parent.parentNode.removeChild(parent); //让tr的母亲删除tr
            if (sum == 0) { //等于0的时候就得返回main2了
                int2 = 0; //问卷序号重新开始数
                returnmain(); //重新生成主界面
            }
        }
    }

    function addinput(t, v, c, f) { //t v c f对应不同的属性值
        var newinput = document.createElement("input");
        newinput.type = t;
        newinput.value = v;
        newinput.classList.add(c);
        newinput.onclick = f; //为该按键添加onclik方法
        return newinput;
    }
    //新建元素tr,并将每一个td添加到tr中
    var newtr = document.createElement("tr");
    newtr.classList.add("ll");
    var fourtd = addtd("");
    fourtd.appendChild(addinput("button", "编辑", "nmd", ));
    fourtd.appendChild(addspace());
    fourtd.appendChild(addinput("button", "删除", "nmd", deletetr));
    fourtd.appendChild(addspace());
    fourtd.appendChild(addinput("button", "查看数据", "nmd", ));
    //将td汇总到tr中
    newtr.appendChild(addtd('<input type="radio" class="hh">' + "问卷 " + int2));
    newtr.appendChild(addtd(getNowTime()));
    if (iors == 2) { //ios==2表示该问卷点的是发布问卷按钮
        newtr.appendChild(addtd("发布中"));
    } else { //表示该问卷点的是暂时保存问卷按钮
        newtr.appendChild(addtd("未发布"));
    }
    newtr.appendChild(fourtd);
    //获取tbody并将新建成的tr添加到table中
    var newtbody = document.getElementsByTagName("tbody")[0];
    newtbody.appendChild(newtr);
}
window.onload = function() { //html加载完成之后再执行的js代码
    var choiceone = document.getElementsByName("qw1")[0]; //单选题button
    var choicemore = document.getElementsByName("qw2")[0]; //多选题button
    var textchoice = document.getElementsByName("qw3")[0]; //文本题
    function getbutton(str, sname) {
        var newinput = document.createElement("input");
        newinput.type = "button";
        newinput.name = sname;
        newinput.value = str;
        return newinput;
    }

    function forchoice() {
        var newdiv = document.createElement("div");
        newdiv.classList.add("e");
        //创建3个空格节点
        var space = document.createTextNode(" ");
        var space2 = document.createTextNode(" ");
        var space3 = document.createTextNode(" ");
        newdiv.appendChild(getbutton("上移", "upmove"));
        newdiv.appendChild(space);
        newdiv.appendChild(getbutton("下移", "downmove"));
        newdiv.appendChild(space2);
        newdiv.appendChild(getbutton("复用", "usetwo"));
        newdiv.appendChild(space3);
        newdiv.appendChild(getbutton("删除", "shanchu"));

        return newdiv;
    }
    //点击单选按钮
    choiceone.onclick = function() {
        var tf = confirm("是否确认添加单选题");
        if (tf) {
            var newdiv = document.createElement("div");
            //创建单选框 选项1
            var newinput = document.createElement("input");
            newinput.type = "radio";
            newinput.name = char;
            //创建单选框 选项2
            var newinput2 = document.createElement("input");
            newinput2.type = "radio";
            newinput2.name = char;
            //总的汇总
            newdiv.innerHTML = "<p>" + "Q" + int + " 单选题" + "<p>";
            newdiv.appendChild(newinput);
            newdiv.innerHTML += "<span>" + "选项一" + "</span>" + "<br>" + "<br>";
            newdiv.appendChild(newinput2);
            newdiv.innerHTML += "<span>" + "选项二" + "</span>" + "<br>" + "<br>";
            newdiv.appendChild(forchoice());
            //加到form中
            var f = document.getElementsByTagName("form")[1];
            newdiv.classList.add("qq");
            f.appendChild(newdiv);
            //两个全局变量++
            char = char + 1; //把char加1，下个单选选项就不会连在一起了
            int++; //题号加1
            baddf();
        }
    }

    choicemore.onclick = function() { //点击添加多选题
        function moreadd() {
            var temp = document.createElement("input");
            temp.type = "checkbox";
            temp.name = char;
            return temp;
        }

        function newbr() {
            var temp = document.createElement("br");
            return temp;
        }
        var tf = confirm("是否确认添加多选题");
        if (tf) {
            //////////////////////////
            var newdiv = document.createElement("div");
            //创建多选的4个选项 
            var input1 = moreadd();
            var input2 = moreadd();
            var input3 = moreadd();
            var input4 = moreadd();
            //总的汇总
            newdiv.innerHTML = "<p>" + "Q" + int + " 多选题" + "<p>";
            newdiv.appendChild(input1);
            newdiv.innerHTML += "<span>" + "选项一" + "</span>" + "<br>" + "<br>";
            //三个为一组，1-4都是同个顺序
            newdiv.appendChild(input2);
            newdiv.innerHTML += "<span>" + "选项二" + "</span>" + "<br>" + "<br>";
            newdiv.appendChild(input3);
            newdiv.innerHTML += "<span>" + "选项三" + "</span>" + "<br>" + "<br>";
            newdiv.appendChild(input4);
            newdiv.innerHTML += "<span>" + "选项四" + "</span>" + "<br>" + "<br>";
            newdiv.appendChild(forchoice());
            //将最后的拼成的div加到form标签中
            var f = document.getElementsByTagName("form")[1];
            newdiv.classList.add("qq");
            f.appendChild(newdiv);
            char = char + 1; //把char加1，下个单选选项就不会连在一起了
            int++; //题号加1
            baddf();
        }
    }

    textchoice.onclick = function() { //点击添加文本框的时候
            var tf = confirm("是否确认添加文本题");
            if (tf) {
                //创建div并设置div的class属性值
                var newdiv = document.createElement("div");
                newdiv.classList.add("qq");
                //建立一个文本框,并把这个文本框放到一个p标签里面
                var textap = document.createElement("p");
                var texta = document.createElement("textarea");
                texta.name = "aaa";
                texta.cols = "100";
                texta.rows = "10";
                texta.id = "";
                texta.classList.add("lj");
                textap.appendChild(texta);
                //建立一个选项格用来选择此题目是否是必填，放在div里面
                // var newdiv1 = document.createElement("div");
                // newdiv1.classList.add("e");
                // var newinput = document.createElement("input");
                // newinput.type = "checkbox";
                // newinput.name = char;
                // var text = document.createTextNode("此题是否必填");
                // newdiv1.appendChild(newinput);
                // newdiv1.appendChild(text);
                //总的汇总到div中
                newdiv.innerHTML = "<p>" + "Q" + int + " 文本题" + "<p>" + " ";
                // //将此题是否是必选题放入span标签中再将该span放入p标签中
                // var newspan = document.createElement("span");
                // newspan.classList.add("e");
                // var input1 = document.createElement("input");
                // input1.type = "checkbox";
                // var text1 = document.createTextNode("此题是否为必填");
                // newspan.appendChild(input1);
                // newspan.appendChild(text1);
                // var newp = newdiv.getElementsByTagName("p")[0];
                // newp.appendChild(newspan);
                //将文本框等加入到newdiv1中
                //newdiv.appendChild(newdiv1);
                newdiv.appendChild(textap);
                newdiv.appendChild(forchoice());
                //将newdiv添加到form标签中
                var f = document.getElementsByTagName("form")[1];
                f.appendChild(newdiv);
                //别忘了题号int要加1
                int++;
                char = char + 1;
                ////////
                baddf();
            }

        }
        //刚开始要设置的操作
    returnmain(); //进入主窗口，隐藏问题界面
}